<template>
    <div>
        <pagetitle></pagetitle>
        <el-card>
            <el-form :model="pageData" class="formbox" label-width="140px" label-position="right">
                <div class="formboxitem">
                    <div class="title">运维团队主体信息</div>
                    <el-form-item label="团队名称：">
                        <el-input v-model="pageData.companyName" disabled class="inputs" placeholder="重庆三峡农夫科技有限公司"></el-input>
                        <span class="formTip">*平台运维团队，不可修改</span>
                    </el-form-item>
                    <el-form-item label="操作人员：">
                        <el-input v-model="pageData.companyName" disabled class="inputs" placeholder="sxfam（当前登录角色）"></el-input>
                        <span class="formTip">*方便追溯，不可修改</span>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <div class="title">选择对应的二级板块</div>
                    <el-form-item label="板块名称：">
                        <el-select v-model="pageData.value" class="inputs" placeholder="请选择板块">
                            <el-option label="国家标准" value="item.value" />
                            <el-option label="地方标准" value="item.value" />
                            <el-option label="行业标准" value="item.value" />
                        </el-select>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <div class="title">赋能申请人组织机构类型</div>
                    <el-form-item label="机构类型：">
                        <el-select v-model="pageData.value" class="inputs" placeholder="请选择机构类型">
                            <el-option label="国家标准" value="item.value" />
                            <el-option label="地方标准" value="item.value" />
                            <el-option label="行业标准" value="item.value" />
                        </el-select>
                        <span class="formTip">*参考标准：GB/T 202291-2006 组织机构类型</span>
                    </el-form-item>
                    <el-form-item label="说明：">
                        <el-input v-model="pageData.companyName" type="textarea" :rows="4" resize="none" placeholder="请输入"></el-input>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <div class="title">赋能申请人产业分类</div>
                    <el-form-item label="">
                        <div class="tags">科学研究和技术服务专业/专业技术服务业/标准化服务</div>
                    </el-form-item>
                    <el-form-item label="产业分类：">
                        <div class="selectorbtn">
                            <el-select v-model="pageData.value" class="selectorbtn_select" placeholder="请选择产业分类">
                                <el-option label="国家标准" value="item.value" />
                                <el-option label="地方标准" value="item.value" />
                                <el-option label="行业标准" value="item.value" />
                            </el-select>
                            <div class="selectorbtn_btn">添加</div>
                            <span class="formTip">*参考标准： GB/T 4754-2017 国民经济行业分类</span>
                        </div>
                    </el-form-item>
                    <el-form-item label="开放平台说明：">
                        <el-input v-model="pageData.companyName" type="textarea" :rows="4" resize="none" placeholder="请输入"></el-input>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <el-button class="submitbtn" text bg>返回</el-button>
                    <el-button class="submitbtn" text bg>新增</el-button>
                </div>
            </el-form>
        </el-card>
    </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import { useRouter, useRoute } from "vue-router";

const router = useRouter();
const route = useRoute();

const cardType = ref(["完全公开", "不公开"]);
const pageData: any = ref({});

console.log(route);
// 页面类型
const pageType = route.query;
</script>
